<!DOCTYPE html>
<html>
	<head>
		<title>{{ options.title }}</title>
		{% for file in js %}<script type="text/javascript" src="{{ file }}"></script>{% endfor %}
		{% for file in css %}<link rel="stylesheet" href="{{ file }}" type="text/css" />{% endfor %}
		<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="{{ base_dir }}/css/main.css" />
		<link rel="stylesheet" type="text/css" href="{{ base_dir }}/css/ui.css" />
		<script type="text/javascript" src="{{ base_dir }}/js/animation.js"></script>
	</head>

	<body>
		<div id="wrapper">
			<div id="header"><div id="logo">
					<div id="onlinelist"><p>{{ onlinelist|raw }}</p></div>
					<div id="userbox">{{ userbox|raw }}</div>
			</div></div>

			<div id="menu" class="box"><b>Sender:</b>
				S1 | S2 | S3 | S4 | S5 | S6 | S7 | S8 | S9 | S10 |
				S11 | S12 | S13 | S14 | S15 | S16 | S17 | S18 | S19 | S20 |
				S21 | S22 | S23 | S24 | Anime</div>

			<div id="content" class="box">{{ content|raw }}</div>

			<div id="footer">
				<img src="{{ base_dir }}/img/foooter.png" alt="footer">
			</div>
		</div>
	</body>

</html>
